<template>
  <div class="relative w-full">
    <van-image
      src="https://img0.baidu.com/it/u=1006331653,3566640444&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=278"
      class="rounded-lg"
      alt=""
    />
    <!-- TODO: 视情况而定是否显示 -->
    <span
      class="w-4 h-4 inline-block bg-[#2C2F34] text-white text-center text-xs leading-4 absolute top-2 right-3"
      :style="{ borderRadius: '50%' }"
      v-if="false"
      >x</span
    >
    <span
      class="inline-block absolute top-0 left-0 px-[6px] py-[2px] text-white text-xs bg-black bg-opacity-30 rounded-tl-lg rounded-br-lg"
      >广告</span
    >
  </div>
</template>

<script lang="ts" setup>
defineProps({
  adHeight: {
    type: String,
    default: ''
  }
})
</script>

<style lang="less" scoped></style>
